<!DOCTYPE HTML>
<!--
	Big Picture by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>

<head>
	<link rel="icon" href="/favicon.ico" type="image/x-icon" />
	<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
	<title>最不专业 の 图床站</title>
	<meta charset="utf-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
	<link rel="stylesheet" href="assets/css/main.css" />
	<noscript>
		<link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>

<body class="is-preload">

	<!-- Header -->
	<header id="header">
		<h1>最不专业 の 图床站</h1>
		<nav>
			<ul>
				<li><a href="#intro">简介</a></li>
				<li><a href="#one">做了什么</a></li>
				<li><a href="#two">谁在维护</a></li>
				<li><a href="#work">选择本站</a></li>
				<li><a href="#contact">随便聊聊</a></li>
			</ul>
		</nav>
	</header>

	<!-- Intro -->
	<section id="intro" class="main style1 dark fullscreen">
		<div class="content">
			<header>
				<h2>Hey ~</h2>
			</header>
			<p>
				欢迎来到<strong>最不专业 の 图床站</strong>，由于站长的前端水平与审美眼光过于拙劣，故而选用了<a href="https://html5up.net">HTML5 UP</a>这个效果高大上、兼容性好、最重要的是可以免费使用的前端模板来为您呈现本站的使用说明。
				<!-- <a href="https://html5up.net/license">这里是该模板的许可</a>。 -->
			</p>
			<footer>
				<a href="#one" class="button style2 down">More</a>
			</footer>
		</div>
	</section>

	<!-- One -->
	<section id="one" class="main style2 right dark fullscreen">
		<div class="content box style2" style="opacity: 0.9;">
			<header>
				<h2>做了什么</h2>
			</header>
			<p>
				如果您经常使用 MarkDown 来做做笔记、日记或编写说明文档，那么您应该能体会到在 MarkDown 中引用图片是一件多么简单却又多么困难的事情。
			</p>
			<p>
				为了使图片能够正常呈现，必须想方设法的为它制作一个长期稳定的链接。本站的站长也曾被这个问题困扰了很久，而本站的创立并没有从根本上解决这个问题！
			</p>
		</div>
		<a href="#two" class="button style2 down anchored">Next</a>
	</section>

	<!-- Two -->
	<section id="two" class="main style2 left dark fullscreen">
		<div class="content box style2" style="opacity: 0.9;">
			<header>
				<h2>谁在维护</h2>
			</header>
			<p>
				虽然本站站长前端水平不高，审美眼光不好，但是后端开发、服务架构、数据库管理以及运维技术也都是略懂皮毛。能维护本站全靠国际一流搜索引擎的技术支持。
			</p>
			<p>
				由于本站没有经费来源，因此采用的技术与工具大都是全球开源事业的成果。所以在某种意义上，本站的维护人员遍布世界各地，其中不乏技术领域的顶级精英，当然更多的或许是站长这种底层菜鸟。
			</p>
		</div>
		<a href="#work" class="button style2 down anchored">Next</a>
	</section>

	<!-- Work -->
	<section id="work" class="main style3 primary">
		<div class="content">
			<header>
				<h2>选择本站</h2>
				<p>
					相遇即是缘分，既然您已经来到了这里，不妨多多了解一下本站，看几张福利图也好嘛。
				</p>
				<p>
					选择本站的图床服务<br />就等于选择了由本站站长四处参考 + 冥思苦想整整一天得到的终极解决方案！<br /><strong>您将能在日后的 MarkDown 编写中随意使用本站提供的永久的静态化图片链接插入图片！</strong><br /><i>（理论永久，除非本站倒闭、站长跑路）</i>
				</p>
				<p>
					<i><strong>特别说明：</strong>由于本站没有经费建立存储库<br />故而采用巨硬家全球知名同性交友网站 GitHub 的免费仓库作为存储空间<br />如果您介意将您的图片数据公开在GitHub上<br />可以使用本站的服务将您自己的在线存储转换为静态链接。</i>
				</p>
			</header>

			<!-- Gallery  -->
			<div class="gallery">
				<article class="from-left">
					<a href="images/fulls/01.jpg" class="image fit"><img src="images/thumbs/01.jpg" title="一只阔爱的血小板" alt="" /></a>
				</article>
				<article class="from-right">
					<a href="images/fulls/02.jpg" class="image fit"><img src="images/thumbs/02.jpg" title="颇有意境的绘画作品" alt="" /></a>
				</article>
				<article class="from-left">
					<a href="images/fulls/03.jpg" class="image fit"><img src="images/thumbs/03.jpg" title="中出大好！" alt="" /></a>
				</article>
				<article class="from-right">
					<a href="images/fulls/04.jpg" class="image fit"><img src="images/thumbs/04.jpg" title="这是站长的老婆" alt="" /></a>
				</article>
			</div>

		</div>
	</section>

	<!-- Contact -->
	<section id="contact" class="main style3 secondary">
		<div class="content">
			<header>
				<h2>随便聊聊</h2>
				<p>您可以在这里填写您的称呼和电子邮件地址，并在下方写下您想对站长说的话</p>
				<p><strong>不要忘记点击下方的发送消息按钮</strong></p>
			</header>
			<div class="box">
				<form method="post" action="#">
					<div class="fields">
						<div class="field half"><input type="text" name="name" placeholder="您的称呼" /></div>
						<div class="field half"><input type="email" name="email" placeholder="您的电子邮件地址" /></div>
						<div class="field"><textarea name="message" placeholder="您想对站长说点什么吗？" rows="6"></textarea></div>
					</div>
					<ul class="actions special">
						<li><input type="submit" value="发送消息" onclick="alert('目前点击这个按钮并不能发送消息');alert('页面将会刷新或者无响应');alert('谢谢您的耐心配合');" /></li>
					</ul>
				</form>
			</div>
		</div>
	</section>

	<!-- Footer -->
	<footer id="footer">

		<!-- Icons -->
		<ul class="icons">
			<li><a href="#" class="icon fa-twitter" onclick="alert('目前点击这个按钮并不能联系到站长');alert('页面将会刷新');alert('谢谢您的耐心配合');"><span
					 class="label">Twitter</span></a></li>
			<li><a href="#" class="icon fa-facebook" onclick="alert('目前点击这个按钮并不能联系到站长');alert('页面将会刷新');alert('谢谢您的耐心配合');"><span
					 class="label">Facebook</span></a></li>
			<li><a href="#" class="icon fa-instagram" onclick="alert('目前点击这个按钮并不能联系到站长');alert('页面将会刷新');alert('谢谢您的耐心配合');"><span
					 class="label">Instagram</span></a></li>
			<li><a href="#" class="icon fa-linkedin" onclick="alert('目前点击这个按钮并不能联系到站长');alert('页面将会刷新');alert('谢谢您的耐心配合');"><span
					 class="label">LinkedIn</span></a></li>
			<li><a href="#" class="icon fa-dribbble" onclick="alert('目前点击这个按钮并不能联系到站长');alert('页面将会刷新');alert('谢谢您的耐心配合');"><span
					 class="label">Dribbble</span></a></li>
			<li><a href="#" class="icon fa-pinterest" onclick="alert('目前点击这个按钮并不能联系到站长');alert('页面将会刷新');alert('谢谢您的耐心配合');"><span
					 class="label">Pinterest</span></a></li>
		</ul>

		<!-- Menu -->
		<ul class="menu">
			<li>&copy; 最不专业 の 图床站</li>
			<li>Design: <a href="https://html5up.net">HTML5 UP</a></li>
		</ul>

	</footer>

	<!-- Scripts -->
	<script src="assets/js/jquery.min.js"></script>
	<script src="assets/js/jquery.poptrox.min.js"></script>
	<script src="assets/js/jquery.scrolly.min.js"></script>
	<script src="assets/js/jquery.scrollex.min.js"></script>
	<script src="assets/js/browser.min.js"></script>
	<script src="assets/js/breakpoints.min.js"></script>
	<script src="assets/js/util.js"></script>
	<script src="assets/js/main.js"></script>

</body>

</html>